<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css叠加性和层叠性</title>
<style type="text/css">
ul li{
width:200px;height:50px;line-height:50px;text-align:center;
}
ul li::after{
content:""; //空也可以看成一个元素
color:blue;
display:block;
border-bottom:1px solid blue;
}
</style>
</head>
<body>
<ul>
<li>我要好好学习1</li>
<li>我要好好学习2</li>
<li>我要好好学习3</li>
<li>我要好好学习4</li>
<li>我要好好学习5</li>
</ul>
</body>
</html>
返回值：